<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=1,minimum-scale=1, user-scalable=no"
    />
    <title>选择爱好</title>
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./css/common.css" type="text/css" />
    <link rel="stylesheet" href="./css/work2.css" type="text/css" />
  </head>
  <body>
    <div class="box">
      <div>
        选择您喜欢的书:<br />
        <input type="radio" name="1" value="0" class="radio" />我和狗狗一起活下来<br />
        <input type="radio" name="1" value="1" class="radio" />灰霾来了怎么办
      </div>
      <div class="book-box">
        <div>
          <img src="./img/dog.jpg" alt="" />
          <div>我和狗狗一起活下来</div>
        </div>
        <div>
          <img src="./img/mai.jpg" alt="" />
          <div>灰霾来了怎么办</div>
        </div>
      </div>
    </div>
    <script src="./js/work2.js"></script>
  </body>
</html>
